//出现表单
$("#addnewbook").on("click",function(){
	$("#back").slideDown("nomal")
})
//隐藏表单
$("#addbtn").on("click",function(){
	$("#back").slideUp("nomal")
})
//x隐藏表单
$("#newbooktop span").eq(2).on("click",function(){
	$("#back").slideUp("nomal")
})
//添加
$("#addbtn").on("click",function(){
	var back={
		bookname:bookname.value,
		price:price.value,
		hyprice:hyPrice.value,
		author:author.value,
		publisher:publisher.value,
		pic:pic.value,
	}
	$.post("http://localhost:2403/book",back,function(){});
//console.log(data)
	$("tbody tr").remove();
	$.get("http://localhost:2403/book",function(data){
		for(var i=0; i<data.length; i++){
$("<tr><td><input type='checkbox'/></td><td><span class='iid' style='display:none;'>"+data[i].id+"</span><img src="+data[i].pic+"/></td><td>"+data[i].bookname+"</td><td>"+data[i].price+"</td><td>"+data[i].author+"</td><td>"+data[i].hyprice+"</td><td>"+data[i].publisher+"</td><td><button class='delete'>删除</button><button class='xiugai'>修改</button></td></tr>").appendTo($("tbody"));
		}
// 添加事件里的删除
//console.log(id)
$(".delete").on("click",function(){
	var id = $(".iid").html();//获取服务器里的tr的id  为了删除服务器里的tr
	$(this).parents("tr").remove();//删除页面上的tr
	//删除服务器里的tr
	$.ajax({
		url:"http://localhost:2403/book/"+id,
		type:"delete"
		})
})
	
	})
})

//刷新
$("#refresh").on("click",function(){
	$("tbody tr").remove();
	$.get("http://localhost:2403/book",function(data){
		for(var i=0; i<data.length; i++){
			$("<tr><td><input type='checkbox'/></td><td><span class='iid' style='display:none;'>"+data[i].id+"</span><img src="+data[i].pic+"/></td><td>"+data[i].bookname+"</td><td>"+data[i].author+"</td><td>"+data[i].hyprice+"</td><td>"+data[i].publisher+"</td><td><button class='delete'>删除</button><button class='xiugai'>修改</button></td></tr>").appendTo($("tbody"));
		}
//刷新事件里的删除
	$(".delete").on("click",function(){
		var id = $(".iid").html();
		$(this).parents("tr").remove();
		console.log(id)
		$.ajax({
			url:"http://localhost:2403/book/"+id,
			type:"delete"
		})
	})
	})
})

//注销
$("#header img").on("click",function(){
	$("#wrap").show();
	var names = localStorage.getItem("username2");
				$("#wrap p").html("管理员:"+names);
})
